.good
  padding-bottom: 200px
// 轮播
.good-swiper
  height 620px
  .good-banner-item
    width: 100%
    height: 620px
  .good-banner-img
    width: 100%
    height: 100%
// 分享
.share
  position fixed
  top: 440px
  right: 0
  background #FFD701
  color white
  font-size 28px
  z-index 2
  vertical-align middle
  border-radius 40px 0 0 40px
  border-color #FFD701
  text
    vertical-align middle
  .text
    margin-left: 12px
//    头部
.good-header
  padding-left: 30px
  padding-right: 30px
  position relative
  .good-header-top
    display flex
    align-items center
    margin-top: 30px
    margin-bottom: 12px
  .good-name
    line-height: 48px;
    font-size: 38px;
    color: #333333;
    flex 1
    min-width 0
    white-space nowrap
    text-overflow ellipsis
    overflow hidden
  .good-sales
    line-height: 34px;
    font-size: 30px;
    color: #B2B2B2;
  .good-describe
    line-height: 40px;
    font-size: 34px;
    color: #B2B2B2;
    margin-top: 10px
    margin-bottom: 10px
  //    价格和数量
  .good-price
    display flex
    align-items center
    justify-content space-between
    .price
      line-height: 42px;
      font-size: 36px;
      color: #FFC93E;
//    富文本商品详情
.good-richText
  margin 30px
  overflow: hidden
//  底部
.good-bottom
  position fixed
  z-index 999
  width 100%
  bottom 0
  left 0
  right 0
  background: white
  display flex
  justify-content stretch
  font-size: 30px;
  color: #333333;
  line-height: 40px
  text-align center
  box-sizing border-box
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  .price
    font-weight 800px
  &-home
    background: white;
    padding 10px
    border-top 1px solid #FFC93E
  // 左边直接购买
  &-cart
    padding-top: 10px
    padding-bottom: 10px
    flex 1
    background: linear-gradient(0deg, #FFEB7F, #FFEB7F), linear-gradient(to left, #F3DB95 0%, #FAEECC 100%);
  // 右边拼团购买
  &-group
    padding-top: 10px
    padding-bottom: 10px
    flex 1
    background: linear-gradient(to left, #FFC93E 0%, #FFD701 100%);
// 拼团 团轮播
.good-group
  border-top 4px solid #F5F7FB
  border-bottom: 4px solid #F5F7FB
  &-header
    padding 20px 30px
    font-size 32px
    color #111
.group-swiper
  height 160px
  .group-swiper-item
    height 80px
    box-sizing border-box
    border-top 1px solid #F5F7FB
    display flex
    align-items center
    padding-left: 30px
    padding-right: 30px
  .group-swiper-avatar
    width: 60px
    height: 60px
    margin-right: 12px
  .group-swiper-username
    color #111111
    font-size 22px
    flex 1
    padding-right: 20px
    white-space nowrap
    text-overflow ellipsis
    overflow hidden
  .group-swiper-left
    color #525C6B
    font-size 20px
  .group-swiper-num
    color #FD7474
  .group-swiper-btn
    width: 84px;
    height: 44px;
    line-height: 44px
    border-radius 4px
    margin-left: 20px
    background: linear-gradient(to bottom, #FFC93E 0%, #FFD701 100%);
    font-size 22px
    color #333333
    border-color transparent
    padding: 0

// 标签
.good-tags
  padding-left: 30px
  padding-right: 30px
  font-size 32px
  color #111
  &-header
    padding-top: 16px
    padding-bottom: 16px
  &-item
    margin-right: 10px
    display inline-block
    line-height: 38px;
    font-size: 28px;
    background: #FFD701;
    border-radius: 4px;
    padding 4px 4px
    color: #2B4359;
// 弹窗
.group-modal
  .group-modal-text
    font-size 20px
    color #555
    text-align center
    text
      display inline-block!important
      vertical-align middle
  .group-modal-btn
    background-color: #FFD701!important
  .group-modal-inline
    display inline-block!important
    vertical-align middle
    .count-down
      color #555!important
  .group-modal-avatars
    display flex
    align-items center
    justify-content center
    margin-top: 20px
    margin-bottom: 20px
  .group-modal-avatar
    margin-left: 10px
    margin-right: 10px
// 分享按钮
.share-action-btn
  background transparent
  border 0!important
  line-height 50px!important
  height: 52px!important
  &::before, &::after
    content ''
// 商品详情
.good-details
  padding-left: 30px
  padding-right: 30px
  font-size 32px
  color #111
  &-header
    padding-top: 16px
    padding-bottom: 16px
  &-list
    padding-top: 8px
    display block
    color #878787
    font-size 26px